<template>
    <el-container >
        <el-aside style="width: 20%;margin: -20px 0 0 -20px;height: 100%;overflow: hidden">
            <layer style="left: 0; top: 60px;height: 100%"></layer>
        </el-aside>
        <el-main style="padding: 0;">
            <mapbox_map></mapbox_map>
            <styleLegend style="position: absolute;right: 20px;bottom: 30px;background-color: #fff;border-radius: 5px;" v-show="false">
            </styleLegend>
            <layerAttrDialog></layerAttrDialog>
            <mapservice></mapservice>
            <table_1></table_1>
            <tiles></tiles>
        </el-main>
    </el-container>
</template>

<script>
    import mapbox_map from "./mapbox.vue"
    import layer from "./layer.vue"
    import styleLegend from "./legend.vue"
    import layerAttrDialog from "./layerAttrDialog.vue"
    import mapservice from "./mapsevice1";
    import table_1 from "./table.vue"
    import tiles from "./tiles.vue"

    export default {
        components: {
            mapservice,
            mapbox_map,
            layer,
            styleLegend,
            layerAttrDialog,
            table_1,
            tiles
        },
        data() {
            return {
            }
        },
        computed: {

                // if (sessionStorage.getCurrItem() != null) {
                //     document.getElementById("mybutton").innerHtml = "新按钮";
                // }
        },
        created() {
        }
    }
</script>

<style>

</style>